var color = ""
try {
	jQuery(document).ready(function() {
		// ver data = new Date();
		var img = ['#E48897',
			'#FBDD79',
			'#EDA0AD',
			'#D7CED7',
			'#C1C5E3',
			'#83C0E5',
			'#9CE0DA',
			'#9FD6A0',
			'#B4D58D',
			'#E0E8F0',
			'#FFC0CD',
			'#C9EBDA',
			'#55BB8A',
			'#A8E4CA',
			'#DCE4A7',
			'#FBCDAE',
			'#A7A7DA'
			
		]

		moment.locale("zh-cn");
		$("#time").html(moment(new Date()).format('HH:mm:ss'));
		$("#time1").html(moment(new Date()).format('YYYY-MM-DD dddd'));
		m = moment(new Date());
		var ca = calendar.solar2lunar(m.year(), m.month()+1, m.date())
		console.log(m.year(),m.month(),m.date())
		$("#time2").html(ca.IMonthCn+ca.IDayCn+(ca.Term != null ? ca.Term : ''));
		$("#app").height(window.innerHeight);
		var icount = Math.floor(Math.random() * 17);
		//随机背景图
		$("#main").css('background', img[icount]);
        $("#layui-laydate1").css('background', img[icount]);
        color = img[icount]
        

		//每秒刷新时间
		setInterval(function() {
			$("#time1").html(moment(new Date()).format('YYYY-MM-DD dddd'));
			$("#time").html(moment(new Date()).format('HH:mm:ss'))
			$("#time2").html(ca.IMonthCn+ca.IDayCn+(ca.Term != null ? ca.Term : ''));
		}, "1000");
		//一言https://api.vvhan.com/api/ian/rand
		$.ajax({
		    url: 'https://api.vvhan.com/api/ian/rand?type=json', // 替换为你的API端点
		    type: 'GET', // 请求类型，可以是GET、POST等
		    dataType: 'json', // 期望从服务器返回的数据类型
		    success: function(response) {
		        // 请求成功时的回调函数
		        console.log('Response:', response.data);
				$("#rand-txt-strong-id").text(response.data.content+"--"+response.data.creator+"《"+response.data.form+"》")
		    },
		    error: function(xhr, status, error) {
		        // 请求失败时的回调函数
		        console.error('Error:', error);
				$("#vvhan-div-id").hide()
		    }
		});
		//天气https://api.vvhan.com/api/weather
		// $.ajax({
		//     url: 'https://api.vvhan.com/api/weather', // 替换为你的API端点
		//     type: 'GET', // 请求类型，可以是GET、POST等
		//     dataType: 'json', // 期望从服务器返回的数据类型
		//     success: function(response) {
		//         // 请求成功时的回调函数
		//         console.log('Response:', response);
		// 		$("#weather-txt-strong-id").text(response.city+" "+response.data.type+" "+response.data.low+"-"+response.data.high)
		//     },
		//     error: function(xhr, status, error) {
		//         // 请求失败时的回调函数
		//         console.error('Error:', error);
		// 		$("#vvhan-div-id").hide()
		//     }
		// });
		//https://api.vvhan.com/api/ipInfo
		//本机IP地址
		// $.ajax({
		//     url: 'https://api.vvhan.com/api/ipInfo', // 替换为你的API端点
		//     type: 'GET', // 请求类型，可以是GET、POST等
		//     dataType: 'json', // 期望从服务器返回的数据类型
		//     success: function(response) {
		//         // 请求成功时的回调函数
		//         console.log('Response:', response);
		// 		$("#ip-txt-strong-id").text(response.ip)
		//     },
		//     error: function(xhr, status, error) {
		//         // 请求失败时的回调函数
		//         console.error('Error:', error);
		// 		$("#vvhan-div-id").hide()
		//     }
		// });
		//情话
		$.ajax({
		    url: 'https://api.vvhan.com/api/text/love?type=json', // 替换为你的API端点
		    type: 'GET', // 请求类型，可以是GET、POST等
		    dataType: 'json', // 期望从服务器返回的数据类型
		    success: function(response) {
		        // 请求成功时的回调函数
		        console.log('Response:', response);
				$("#rand-txt-strong-id1").text(response.data.content)
		    },
		    error: function(xhr, status, error) {
		        // 请求失败时的回调函数
		        console.error('Error:', error);
				$("#vvhan-div-id1").hide()
		    }
		});
		//https://api.vvhan.com/api/text/dog?type=json
		//https://api.shadiao.pro/chp
		$.ajax({
		    url: 'https://api.shadiao.pro/chp', // 替换为你的API端点
		    type: 'GET', // 请求类型，可以是GET、POST等
		    dataType: 'json', // 期望从服务器返回的数据类型
		    success: function(response) {
		        // 请求成功时的回调函数
		        console.log('Response:', response);
				$("#rand-txt-strong-id2").text(response.data.text)
		    },
		    error: function(xhr, status, error) {
		        // 请求失败时的回调函数
		        console.error('Error:', error);
				$("#vvhan-div-id2").hide()
		    }
		});
		//sexy
		$.ajax({
		    url: 'https://api.vvhan.com/api/text/sexy?type=json', // 替换为你的API端点
		    type: 'GET', // 请求类型，可以是GET、POST等
		    dataType: 'json', // 期望从服务器返回的数据类型
		    success: function(response) {
		        // 请求成功时的回调函数
		        console.log('Response:', response);
				$("#rand-txt-strong-id3").text(response.data.content)
		    },
		    error: function(xhr, status, error) {
		        // 请求失败时的回调函数
		        console.error('Error:', error);
				$("#vvhan-div-id3").hide()
		    }
		});
		//热点
		
		$.ajax({
		    url: 'https://api.vvhan.com/api/hotlist/itNews', // 替换为你的API端点
		    type: 'GET', // 请求类型，可以是GET、POST等
		    dataType: 'json', // 期望从服务器返回的数据类型
		    success: function(response) {
		        // 请求成功时的回调函数
		        console.log('Response:', response.data);
				var weiboHtml = ""
				response.data.forEach(function(item,e){
					console.log(item.title)
					weiboHtml += '<p>'+item.index+'.<a title="'+item.title+'" href="'+item.url+'" target="_blank">'+(item.title.length > 30 ? item.title.slice(0,30) : item.title)+'</a></p>'
				})
				$("#weibo-div-id").html(weiboHtml)
		    },
		    error: function(xhr, status, error) {
		        // 请求失败时的回调函数
		        console.error('Error:', error);
				$("#weibo-div-id").hide()
		    }
		});
		var element = document.getElementById("RefreshClick");
		element.addEventListener('click', function() {
			element.classList.add('layui-anim')
			element.classList.add('layui-anim-rotate')
			element.classList.add('layui-anim-loop')
			//知乎时事热点https://api.vvhan.com/api/hotlist/zhihuHot
			var vvhan_url = ['https://api.vvhan.com/api/hotlist/zhihuHot',
			'https://api.vvhan.com/api/hotlist/wbHot',
			'https://api.vvhan.com/api/hotlist/toutiao',
			'https://api.vvhan.com/api/hotlist/pengPai',
			'https://api.vvhan.com/api/hotlist/huPu',
			'https://api.vvhan.com/api/hotlist/zhihuDay',
			'https://api.vvhan.com/api/hotlist/36Ke',
			'https://api.vvhan.com/api/hotlist/huXiu',
			'https://api.vvhan.com/api/hotlist/itNews',
			'https://api.vvhan.com/api/hotlist/woShiPm']
			var vvhan_title = ['知乎','微博','头条','澎湃','虎扑','知乎日报','36Ke','虎嗅','IT之家','人人都是产品经理']
			var icount_url = Math.floor(Math.random() * 10);
			$.ajax({
				url: vvhan_url[icount_url], // 替换为你的API端点
				type: 'GET', // 请求类型，可以是GET、POST等
				dataType: 'json', // 期望从服务器返回的数据类型
				success: function(response) {
					// 请求成功时的回调函数
					console.log('Response:', response.data);
					var weiboHtml = ""
					response.data.forEach(function(item,e){
						// console.log(item.title)
						weiboHtml += '<p>'+item.index+'.<a title="'+item.title+'" href="'+item.url+'" target="_blank">'+(item.title.length > 30 ? item.title.slice(0,30) : item.title)+'</a></p>'
					})
					if(weiboHtml != ""){
						$("#weibo-div-id").html(weiboHtml)
						//weibo-title-div-id
						$("#weibo-title-div-id").html(vvhan_title[icount_url])
					}
				},
				error: function(xhr, status, error) {
					// 请求失败时的回调函数
					console.error('Error:', error);
					// $("#weibo-div-id").hide()
				},
				complete() {
					element.classList.remove('layui-anim-rotate')
					element.classList.remove('layui-anim-loop')
				}
			});
		});

		//雪花
		var screenWidth = screen.availWidth; // 获取屏幕宽度
		var screenHeight = screen.availHeight; // 获取屏幕高度
		var speed = 30; // 雪花下落的速度
			 
		function Snow(size, downSize) {
			this.box = document.getElementById("box"); // 获取容器元素
			this.size = size; // 雪花数量
			this.downSize = downSize || 5; // 每次落下的雪花数量，默认为10个
			this.item = []; // 雪花元素数组
			this.init(); // 初始化
			this.start(); // 开始下雪
		}
			 
		// 获取相关随机数据的方法
		Snow.prototype.getRandomThings = function (type) {
			var res;
			if (type == 'left') { // 初始的left
				res = Math.round(Math.random() * (screenWidth - 30 - 10)) + 10; // 随机生成left值
				Math.random() > 0.8 ? (res = -res) : null; // 80%的概率使左边的雪花出现在左侧（left为负值）
			} else if (type == 'top') { // 初始的top
				res = -(Math.round(Math.random() * (50 - 40)) + 40); // 随机生成top值，负值使雪花在屏幕上方
			} else if (type == 'incre') { // 向下的速度
				res = Math.random() * (4 - 1) + 1; // 随机生成向下的速度
			} else if (type == 'increLeft') { // 向右的速度
				res = Math.random() * (0.8 - 0.5) + 0.5; // 随机生成向右的速度
			} else { // 雪花的大小
				res = Math.round(Math.random() * (30 - 10)) + 10; // 随机生成雪花的大小
			}
			return res;
		}
			 
		Snow.prototype.init = function () {
			this.box.style.width = screenWidth + 'px'; // 设置容器宽度为屏幕宽度
			this.box.style.height = screenHeight + 'px'; // 设置容器高度为屏幕高度
			var fragment = document.createDocumentFragment(); // 创建文档片段，用于性能优化
			for (var i = 0; i < this.size; i++) { // 创建雪花元素
				var left = this.getRandomThings('left'); // 获取随机的left值
				var top = this.getRandomThings('top'); // 获取随机的top值
				var snowSize = this.getRandomThings('size'); // 获取随机的雪花大小
				var snow = document.createElement("div"); // 创建雪花元素
				snow.style.cssText = 'position:absolute;color:#FFFFFF;'; // 设置元素样式
				snow.style['font-size'] = snowSize + 'px'; // 设置字体大小
				snow.style.left = left + 'px'; // 设置left值
				snow.style.top = top + 'px'; // 设置top值
				snow.innerHTML = '&#10052'; // 设置雪花图标（Unicode编码）
				this.item.push(snow); // 添加到雪花元素数组中
				fragment.appendChild(snow); // 添加到文档片段中
			}
			box.appendChild(fragment); // 将文档片段添加到容器中
		}
			 
		Snow.prototype.start = function () {
			var that = this;
			var num = 0;
			for (var i = 0; i < this.size; i++) { // 遍历雪花元素数组
				var snow = this.item[i];
				if ((i + 1) % this.downSize == 0) { // 每downSize个雪花一组，控制下落速度
					num++;
				}
				(function (s, n) { // 使用闭包保存snow和num的值
					setTimeout(function () { // 定时器，实现雪花分批下落
						that.doStart(s); // 调用doStart方法使雪花开始下落
					}, 1000 * n) // 每隔n秒下落一组雪花
				})(snow, num)
			}
		}
			 
		// 针对每个雪花的定时处理
		Snow.prototype.doStart = function (snow) {
			var that = this;
			(function (s) {
				var increTop = that.getRandomThings('incre'); // 获取向下的速度
				var increLeft = that.getRandomThings('increLeft'); // 获取向右的速度
				var x = parseInt(getStyle(s, 'left')), y = parseInt(getStyle(s, 'top')); // 获取当前的left和top值
			 
				if (s.timmer) return; // 如果定时器已存在，则不执行后续代码
				s.timmer = setInterval(function () { // 设置定时器，使雪花动起来
					// 超过右边或者底部重新开始
					if (y > (screenHeight - 5) || x > (screenWidth - 30)) {
						// 重新回到天上开始往下
						increTop = that.getRandomThings('incre');
						increLeft = that.getRandomThings('increLeft');
			 
						// 重新随机属性
						var left = that.getRandomThings('left');
						var top = that.getRandomThings('top');
						var snowSize = that.getRandomThings('size');
						s.style.left = left + 'px';
						s.style.top = top + 'px';
						s.style['font-size'] = snowSize + 'px';
						y = top;
						x = left;
						n = 0;
			 
						return;
					}
			 
					// 加上系数，当随机数大于0.5时速度加快，小于0.5时速度减慢，形成飘动效果
					x += Math.random() > 0.5 ? increLeft * 1.1 : increLeft * 0.9;
					y += Math.random() > 0.5 ? increTop * 1.1 : increTop * 0.9;
			 
					// 设置left和top值使雪花动起来
					s.style.left = x + 'px';
					s.style.top = y + 'px';
				}, speed); // 每隔speed毫秒执行一次定时器中的代码
			})(snow)
		}
			 
		// 获取元素的样式值
		function getStyle(obj, prop) {
			var prevComputedStyle = document.defaultView ? document.defaultView.getComputedStyle(obj, null) : obj.currentStyle;
			return prevComputedStyle[prop];
		}
			 
		new Snow(300, 30); // 创建一个Snow对象，传入雪花数量和每批下落的雪花数量

	});
} catch (e) {
	//TODO handle the exception
	
}
   
        
// layui.use('laydate', function(){
//   var laydate = layui.laydate;
//   //执行一个laydate实例
//   laydate.render({
//     elem: '#test2',
//     position: 'static',
//     theme: color,
//     lang: 'cn',
//     calendar: true,
//     showBottom: false,
//     change: function(value, date){ //日期被切换的回调
//       // lay('#testView').html(value);
//     },
//     ready: function(){
//         $("#layui-laydate1").css('background', color);
//     },
//     mark: {
//         '0-8-27': 'Moon',
//         '0-2-16': '祺弄',
//         '0-12-31': '跨年', //每年12月31日
//         '0-0-5': '工资', //每个月5号
//         '0-0-4': '工商', //每个月5号
//         '2022-9-15': ''//具体日期
//       },
//     holidays: [
//         // 2022 年的节假日，可参见国家每年公布的法定节假日安排
//         ['2022-9-10','2022-9-11','2022-9-12','2022-10-1','2022-10-2','2022-10-3','2022-10-4','2022-10-5','2022-10-6','2022-10-7'], // …
//         ['2022-10-8','2022-10-9'], // …
//       ],
//     done: function(value, date){
        
//     }
//   });
// });

layui.use(function () {
    var laydate = layui.laydate;
    var $ = layui.$;
    var util = layui.util;
    // 渲染
    laydate.render({
      elem: '#ID-laydate-cell-render',
      position: 'static',
      // value: '2024-03-30',
      isPreview: false,
      btns: ['now'],
      theme: 'lunar',
      autoConfirm: false,
      ready: function (date) {
        if (!this._previewEl) {
          var key = this.elem.attr('lay-key');
          var panelEl = $('#layui-laydate' + key);
          this._previewEl = panelEl.find('.layui-laydate-preview');
          this.cellRender(date);
        }
		$("#layui-laydate1").css('background', color);
      },
      change: function(value, date) {
        this.cellRender(date);
      },
      onNow: function(value, date) {
        this.cellRender(date);
      },
      cellRender: function (ymd, render, info) {
        var that = this;
        var y = ymd.year;
        var m = ymd.month;
        var d = ymd.date;
        var lunarDate = Solar.fromYmd(y, m, d).getLunar();
        var lunar = lunarDate.getDayInChinese();
        var jieQi = lunarDate.getJieQi();
        var holiday = HolidayUtil.getHoliday(y, m, d);
        var displayHoliday = holiday && holiday.getTarget() === holiday.getDay() ? holiday.getName() : undefined;
        var displayHolidayBadge = holiday && holiday.getTarget() ? (holiday.isWork() ? '班' : '休') : undefined;
        var isHoliday = holiday && holiday.getTarget() && !holiday.isWork();
        // 在预览区显示自定义农历相关信息
        if (that._previewEl && (!info || (info && info.type === "date"))) {
          var holidayBadgeStyle = [
            'color:#fff',
            'background-color:' + (isHoliday ? '#eb3333' : '#333'),
            'display:' + (displayHolidayBadge ? 'inline-block' : 'none')
          ].join(';')
          var festivalBadgeStyle = [
            'color:#fff',
            'background-color:#1e9fff',
            'display:' + (displayHoliday || jieQi ? 'inline-block' : 'none')
          ].join(';')
          var tipsText = [
            '<div class="preview-inner">',
              '<div style="color:#333;">农历' + lunarDate.getMonthInChinese() + '月' + lunarDate.getDayInChinese() + '</div>',
              '<div style="font-size:10px">' + lunarDate.getYearInGanZhi() + lunarDate.getYearShengXiao() + '年</div>',
              '<div style="font-size:10px">' + lunarDate.getMonthInGanZhi() + '月 ' + lunarDate.getDayInGanZhi() + '日</div>',
              '<div class="badge" style="' + holidayBadgeStyle  +'">' + displayHolidayBadge + '</div>',
              '<div class="badge" style="'+ festivalBadgeStyle +'">' + (displayHoliday || jieQi) + '</div>',
            '</div>'
          ].join('');
          that._previewEl.html(tipsText);
        };
        if (!render) return;
        // 面板类型
        if (info.type === 'date') {
          var clazz = [
            'date-cell-inner',
            isHoliday ? 'holiday' : '',
            displayHoliday || jieQi ? 'hightlight' : '',
          ].join(' ');
          var content = [
            '<div class="' + clazz + '">',
              '<b>' + d + '</b>',
              '<i>' + (displayHoliday || jieQi || lunar) + '</i>',
              displayHolidayBadge ? '<u class="badge">' + displayHolidayBadge + '</u>' : '',
            '</div>',
          ].join('');
          // render(content)
          // render($(content)[0])
          var contentEl = $(content);
          contentEl.on('contextmenu', function (e) {
            e.preventDefault();
            layer.tips(lunarDate.toString(), this, {
              tips: [1, '#16baaa'],
              zIndex: 999999999,
            });
          });
          render(contentEl);
        } else if (info.type === 'year') {
          var lunarDate = Lunar.fromDate(new Date(y + 1, 0));
          var lunar = lunarDate.getYearInGanZhi() + lunarDate.getYearShengXiao();
          render([
            y + '年',
            '<div style="font-size:12px">' + lunar + '年</div>',
          ].join(''));
        } else if (info.type === 'month') {
          var lunar = lunarDate.getMonthInChinese();
          render([m + '月(' + lunar + '月)'].join(''));
        }
      },
    });
  });
  

